{% load static blog_extra %}
<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="icon" href="{% static 'favicon.ico' %}">
    <title>{% site_title %}</title>
    <link
            href="https://www.layuicdn.com/layui-v2.2.6/css/layui.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="https://cdn.jsdelivr.net/npm/animate.css@3.6.0/animate.min.css"
            rel="stylesheet"
            type="text/css"
    />

    <link href="{% static 'css/index.min.css' %}" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="menu" class="hover_animation menu_open" data-mark="false">
    <span></span>
    <span></span>
    <span></span>
</div>

<div id="navgation" class="navgation navgation_close">
    <ul class="point">
        <li><a href="{% url 'blog:article-list' %}">博文</a></li>
        <li><a href="{% url 'blog:diary' %}">日记</a></li>
        <li><a href="{% url 'blog:links' %}">友链</a></li>
        <li><a href="{% url 'blog:about' %}">关于</a></li>
    </ul>
    <div class="logo"><a>{% site_logo %}</a></div>
</div>

<div class="section" id="section1">
    <div class="fp-tablecell">
        <div class="page1">
            <div class="nav wow zoomIn" data-wow-duration="2s">
                <h1>{% site_title %}</h1>
                <p>{% webmaster_sign %}</p>
                <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="{% url 'blog:article-list' %}">进入神秘空间</a>
            </div>
            <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
        </div>
    </div>
</div>
<div class="section" id="section2">
    <div class="fp-tablecell">
        <div class="page2">
            <div class="warp-box">
                <div class="new-article">
                    <div class="inner wow fadeInDown" data-wow-delay=".2s">
                        <h1>热门文章</h1>
                        <p>{% index_hot_verse %}</p>
                    </div>
                </div>
                <div class="layui-row">
                    {% index_hot_article %}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section3">
    <div class="fp-tablecell">
        <div class="page3">
            <div class="warp-box">
                <div class="warp">
                    <div class="inner">
                        <div class="links">
                            <ul>
                                <li class="wow fadeInLeft"><a href="{% url 'blog:about' %}">关于</a></li>
                                {% if 'SHOW_LINK'|get_config %}
                                <li class="wow fadeInRight"><a href="{% url 'blog:links' %}">+&emsp;友情链接</a></li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section4">
    <div class="fp-tablecell">
        <div class="page4">
            <div class="warp-box">
                <div class="about">
                    <div class="inner">
                        <h1 class="wow fadeInLeft">幻者</h1>
                        <p class="wow fadeInRight">电影，动漫，代码，小说。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="footer wow fadeInUp" id="contact">
    <div class="footer-top">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget about">
                        <div class="footer-logo">
                            <h2>{% site_title %}</h2>
                        </div>
                        <p>{% webmaster_sign %}</p>
                        <div class="button">
                            <a href="{% url 'blog:about' %}" class="btn layui-btn layui-btn-normal">关于</a>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget">
                        <h2>相关链接</h2>
                        <ul class="social-icon">
                            <li class="active">
                                <a href="{% url 'blog:article-list' %}"><i class="fa fa-book"></i>博文</a>
                            </li>
                            <li class="active">
                                <a href="{% url 'blog:diary' %}"><i class="fa fa-snowflake-o"></i>日记</a>
                            </li>
                            <li class="active">
                                <a href="{% url 'blog:archive' %}"><i class="fa fa-files-o"></i>归档</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                    <div class="single-widget contact">
                        <h2>联系我</h2>
                        <ul class="list">
                            <li><i class="fa fa-qq"></i>QQ: 1344930596</li>
                            <li><i class="fa fa-envelope"></i>邮箱: 1344930596@qq.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                    <p>Copyright &copy; 2020 darknight All Rights Reserved</p>
                    <p><a target="_blank" style="color:white" href="http://www.beian.miit.gov.cn/">渝ICP备 2020011057号-1</a></p>
                    <p><a target="_blank" style="color: #fff;vertical-align: middle;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50024102500333">
                        <img src="{% static 'image/ghs.png' %}" alt="" style="width: 16px;">
                        <span>渝公网安备 50024102500333号</span>
                    </a></p>
                </div>
            </div>
        </div>
    </div>
</footer>

<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div class="object" id="object_one"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_three"></div>
        </div>
    </div>
</div>
<script src="https://www.layuicdn.com/layui-v2.2.6/layui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/wowjs@1.1.3/dist/wow.min.js"></script>
<script src="{% static 'js/index.min.js' %}"></script>
</body>
</html>
